<template>
  <div class="login-wrapper">
    <RuleForm :isLogin="false" />
  </div>
</template>

<script>
import RuleForm from '@/components/User/RuleForm.vue'
export default {
  props: {},
  components: {
    RuleForm
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped>
.login-wrapper {
  height: 88vh;
  /* background-color: #f7f7f7; */
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 移动端样式 */
@media screen and (max-width: 767px) {
  .login-wrapper {
    /* height: 88vh; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* 其他移动端样式设置 */
}
</style>
